<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'profile.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<link href="./skin/profile_files/people_home.css" rel="stylesheet" type="text/css">
<link type="text/css" href="./skin/profile_files/wokaobox.css" rel="stylesheet" charset="utf-8" media="screen">
<link rel="stylesheet" type="text/css" href="data:text/css">
<script src="<%=path%>/common/js/jquery-1.7.1.min.js" type="text/javascript"></script>

</head>
	<body id="people_home">
		<img id="theImg2"
			style=" position: fixed; width: 50px; height: auto; z-index: 2147483647; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; right: 20px; top: 50%; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; display: block; opacity: 0.5;"
			src="./public/arrow_blue2.png" title="到最底部" onclick="window.scrollTo(0,99999)">
		<img id="theImg"
			style="position: fixed; width: 50px; height: auto; z-index: 2147483647; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; right: 20px; top: 50%; margin-top: -25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; opacity: 0.5;"
			src="./public/arrow_blue.png" onclick="window.scrollTo(100,0)" title="到最顶部">
	
		<jsp:include page="/user/header.jsp"></jsp:include>
		<!--end header-->
		
		<div class="people_profile cf">
			<div class="profile_avatar fl">
				<img src="${user.photo}" width="120" height="120" alt="${user.name}">
			</div>
			
			<div class="profile_info fl">
				<h2 class="profile_nickname">
					<s:property value="user.name" />
				</h2>
				<p class="profile_intro"></p>
				<div id="add_or_remove_follow">
					<a class="follow_btn add_follow_btn update_profile_btn"
						href="" title="关注" target="_blank">关注</a>
				</div>
			</div>

			<div class="profile_general_wrap fr">
				<div class="profile_general_overlay"></div>
				<div class="profile_general ">
					<p>
						<span><s:property value="itemsCount"/></span>物品
					</p>
					<p>
						<span>2</span>好友
					</p>
					<p>
						<span>0</span>等级
					</p>
				</div>
			</div>
		</div>
		<!-- end people_profile -->

		<div class="content cf">
			<div class="main_content fl">
			<!-- 每个物品类别的划分 -->
			<div>
				<h3>
					最近发布的物品
				</h3>
				<!-- 如果没有物品的话显示 -->
				<div style="background-color: #E62023; height: 18px; width: 60px;margin-left: 30px;margin-bottom: -7px;margin-top: 5px;text-align: center;" >
					数码家电
				</div>
				<hr style="margin-left: 20px;height:1px;border:0;border-bottom:1px dotted #cccccc;">
				<span class="ml20" style="margin-left: 30px;margin-bottom: -7px;"><a href="">（全部 ${fn:length(productJd)}）</a></span>
				<!-- 如果没有物品的话显示 -->
				<ul class="people_courses cf">
				
				<!-- 每个物品为li标签 -->
				<s:iterator value="productJd" var="pdjd">
					<li class="item fl" style="background-color: ;" id="pdjdLI">
						<div style="width: 171px; height: 114px;z-index:-1;;margin: 0 auto;">
							<div style="margin: 0 auto;text-align: center;" >
								<a class="course_img" style="text-align: center;" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdjd.id"/>"> 
									<img  style="text-align: center; " src="<%=path %>/upload/<s:property value="#pdjd.cover.name"/>" width="171" height="114">
								</a>
							</div>
							<div style="margin-left:5px; text-align: center; z-index:99; width: 171px; height: 20px; background-color: #000;margin-top:-20px;  opacity: 0.6; filter: Alpha(opacity = 60);">
								<!-- 物品 名称-->
								<h3 style="color: #fff; margin-left: 5px;"><s:property value="#pdjd.title"/></h3>
							</div>
						</div>
						<div style="margin-top: 0px;text-align: center">
						<!-- 物品 介绍-->
							<h4 style="">
								<a class="title" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdjd.id"/>" 
								title="<s:property value="#pdjd.content"/>"><s:property value="#pdjd.content"/></a>
							</h4>
						</div>
						<div style="text-align: center;">
							<p>
								<span class="enroll_count" title="0人交易">0</span>
								<span class="comment_count" title="0条评论">0</span>
							</p>
						</div>
					</li>
					<!-- 每个物品为li标签 -->
					</s:iterator>
				</ul>
			</div>
	<!-- 每个物品类别的划分 -->
	
			<div>
				<div style="background-color: #E62023; height: 18px; width: 60px;margin-left: 30px;margin-bottom: -7px;margin-top: 5px;text-align: center;" >
					服饰
				</div>
				<hr style="margin-left: 20px;height:1px;border:0;border-bottom:1px dotted #cccccc;">
				<span class="ml20" style="margin-left: 30px;margin-bottom: -7px;"><a href="">（全部 ${fn:length(productFs)}）</a></span>
				<ul class="people_courses cf">
				<!-- 每个物品为li标签 -->
				<s:iterator value="productFs" var="pdfs">
					<li class="item fl" style="background-color: ;" id=pdfsLI>
						<div style="width: 171px; height: 114px;z-index:-1;;margin: 0 auto;">
							<div style="margin: 0 auto;text-align: center;" >
								<a class="course_img" style="text-align: center;"href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdfs.id"/>"> 
									<!-- 物品图片-->
									<img  style="text-align: center;" src="<%=path %>/upload/<s:property value="#pdfs.cover.name"/>" width="171" height="114">
								</a>
							</div>
							<div style="margin-left:5px; text-align: center; z-index:99; width: 171px; height: 20px; background-color: #000;margin-top:-20px;  opacity: 0.6; filter: Alpha(opacity = 60);">
								<!-- 物品 名称-->
								<h3 style="color: #fff; margin-left: 5px;"><s:property value="#pdfs.title"/></h3>
							</div>
						</div>
						<div style="margin-top: 0px;">
							<h4 style="">
							<!-- 物品简介-->
								<a class="title" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdfs.id"/>" 
								title="<s:property value="#pdfs.content"/>"><s:property value="#pdfs.content"/></a>
							</h4>
						</div>
						<div>
							<div style="float: left;">
								<p>
									<span class="enroll_count" title="0人交易">0</span>
									<span class="comment_count" title="0条评论">0</span>
								</p>
							</div>
						</div>
					</li>
					</s:iterator>
				</ul><br>
			</div>
			<div>
				<div style="background-color: #E62023; height: 18px; width: 60px;margin-left: 30px;margin-bottom: -7px;margin-top: 5px;text-align: center;" >
					文体
				</div>
				<hr style="margin-left: 20px;height:1px;border:0;border-bottom:1px dotted #cccccc;">
				<span class="ml20" style="margin-left: 30px;margin-bottom: -7px;"><a href="">（全部 ${fn:length(productWt)}）</a></span>
				<ul class="people_courses cf">
				<!-- 每个物品为li标签 -->
				<s:iterator value="productWt" var="pdwt">
					<li class="item fl" style="background-color: ;" id="pdwtLI">
						<div style="width: 171px; height: 114px;z-index:-1;;margin: 0 auto;">
							<div style="margin: 0 auto;text-align: center;" >
								<a class="course_img" style="text-align: center;"href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdwt.id"/>"> 
									<!-- 物品图片-->
									<img  style="text-align: center;" src="<%=path %>/upload/<s:property value="#pdwt.cover.name"/>" width="171" height="114">
								</a>
							</div>
							<div style="margin-left:5px; text-align: center; z-index:99; width: 171px; height: 20px; background-color: #000;margin-top:-20px;  opacity: 0.6; filter: Alpha(opacity = 60);">
								<!-- 物品 名称-->
								<h3 style="color: #fff; margin-left: 5px;"><s:property value="#pdwt.title"/></h3>
							</div>
						</div>
						<div style="margin-top: 0px;">
							<h4 style="">
							<!-- 物品简介-->
								<a class="title" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdwt.id"/>" 
								title="<s:property value="#pdwt.content"/>"><s:property value="#pdwt.content"/></a>
							</h4>
						</div>
						<div>
							<div style="float: left;">
								<p>
									<span class="enroll_count" title="0人交易">0</span>
									<span class="comment_count" title="0条评论">0</span>
								</p>
							</div>
						</div>
					</li>
					</s:iterator>
				</ul><br>
			</div>
			<div>
				<div style="background-color: #E62023; height: 18px; width: 60px;margin-left: 30px;margin-bottom: -7px;margin-top: 5px;text-align: center;" >
					家居
				</div>
				<hr style="margin-left: 20px;height:1px;border:0;border-bottom:1px dotted #cccccc;">
				<span class="ml20" style="margin-left: 30px;margin-bottom: -7px;"><a href="">（全部 ${fn:length(productJj)}）</a></span>
				<ul class="people_courses cf">
				<!-- 每个物品为li标签 -->
				<s:iterator value="productJj" var="pdjj">
					<li class="item fl" style="background-color: ;" id="pdjjLI">
						<div style="width: 171px; height: 114px;z-index:-1;;margin: 0 auto;">
							<div style="margin: 0 auto;text-align: center;" >
								<a class="course_img" style="text-align: center;"href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdjj.id"/>"> 
									<!-- 物品图片-->
									<img  style="text-align: center;" src="<%=path %>/upload/<s:property value="#pdjj.cover.name"/>" width="171" height="114">
								</a>
							</div>
							<div style="margin-left:5px; text-align: center; z-index:99; width: 171px; height: 20px; background-color: #000;margin-top:-20px;  opacity: 0.6; filter: Alpha(opacity = 60);">
								<!-- 物品 名称-->
								<h3 style="color: #fff; margin-left: 5px;"><s:property value="#pdjj.title"/></h3>
							</div>
						</div>
						<div style="margin-top: 0px;">
							<h4 style="">
							<!-- 物品简介-->
								<a class="title" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdjj.id"/>" 
								title="<s:property value="#pdjj.content"/>"><s:property value="#pdjj.content"/></a>
							</h4>
						</div>
						<div>
							<div style="float: left;">
								<p>
									<span class="enroll_count" title="0人交易">0</span>
									<span class="comment_count" title="0条评论">0</span>
								</p>
							</div>
						</div>
					</li>
					</s:iterator>
				</ul><br>
			</div>
			<div>
				<div style="background-color: #E62023; height: 18px; width: 60px;margin-left: 30px;margin-bottom: -7px;margin-top: 5px;text-align: center;" >
					其他
				</div>
				<hr style="margin-left: 20px;height:1px;border:0;border-bottom:1px dotted #cccccc;">
				<span class="ml20" style="margin-left: 30px;margin-bottom: -7px;"><a href="">（全部 ${fn:length(productQt)}）</a></span>
				<ul class="people_courses cf">
				<!-- 每个物品为li标签 -->
				<s:iterator value="productQt" var="pdqt">
					<li class="item fl" style="background-color: ;" id="pdqtLI">
						<div style="width: 171px; height: 114px;z-index:-1;;margin: 0 auto;">
							<div style="margin: 0 auto;text-align: center;" >
								<a class="course_img" style="text-align: center;"href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdqt.id"/>"> 
									<!-- 物品图片-->
									<img  style="text-align: center;" src="<%=path %>/upload/<s:property value="#pdqt.cover.name"/>" width="171" height="114">
								</a>
							</div>
							<div style="margin-left:5px; text-align: center; z-index:99; width: 171px; height: 20px; background-color: #000;margin-top:-20px;  opacity: 0.6; filter: Alpha(opacity = 60);">
								<!-- 物品 名称-->
								<h3 style="color: #fff; margin-left: 5px;"><s:property value="#pdqt.title"/></h3>
							</div>
						</div>
						<div style="margin-top: 0px;">
							<h4 style="">
							<!-- 物品简介-->
								<a class="title" href="<%=path %>/itemshowAction.action?productId=<s:property value="#pdqt.id"/>" 
								title="<s:property value="#pdqt.content"/>"><s:property value="#pdqt.content"/></a>
							</h4>
						</div>
						<div>
							<div style="float: left;">
								<p>
									<span class="enroll_count" title="0人交易">0</span>
									<span class="comment_count" title="0条评论">0</span>
								</p>
							</div>
						</div>
					</li>
					</s:iterator>
				</ul><br>
			</div>
	
			<div id="board">
				<h3>
					<span style="cursor: pointer;">留言板</span>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <span style="cursor: pointer;">用户评价</span>
				</h3>
				<!-- 留言发表框-->
				<form id="message_post_form" action="" method="post">
					<textarea id="new_message" name="content"></textarea>
					<input type="hidden" name="parentId" value="">
					<input class="post_btn" type="submit" value="发布">
				</form>
				<div class="messages">
				<!-- 评价-->
					<div class="message">
						<a class="avatar fl" href="./skin/profile_files/profile.htm"title="白菜守望">
							<img src="./skin/profile_files/79fb353a85e24683ae67327cba0f8297.jpg" width="40" height="40">
						</a>
						<a class="nickname" href="./skin/profile_files/profile.htm">白菜守望</a>
						<p>
							<span class="msg_content">你是谁？</span>
							<span class="post_time">2012-07-07 14:29</span>
							<a class="del_msg" href="javascript:;">回复</a>
							<a class="del_msg" href="javascript:;">删除</a>
							<input type="hidden" name="messageId" value="500"/>
						</p>
					</div>
					
					<div class="message">
						<a class="avatar fl" href="./skin/profile_files/profile.htm" title="白菜守望">
							<img src="./skin/profile_files/79fb353a85e24683ae67327cba0f8297.jpg" width="40" height="40">
						</a>
						<a class="nickname" href="./skin/profile_files/profile.htm">白菜守望</a>
						<p>
							<span class="msg_content">有人吗？</span>
							<span class="post_time">2012-07-07 11:52</span>
							<a class="del_msg" href="javascript:;">回复</a>
							<a class="del_msg" href="javascript:;">删除</a>
							<input type="hidden" name="messageId" value="499">
						</p>
					</div>
					<div id="page_turn"></div>
				</div>
				<!-- end messages -->
			</div>
		</div>
			<!-- end main_content -->
			
			<div class="side_content fr">
				<h3 style="margin-top: 10px;">1人关注白菜守望</h3>
				<div id="followers">
					<ul class="follower_list cf">
						<li class="follower fl" title="卓远然">
							<a href="">
								<img src="./skin/profile_files/d29b322692eb441e92321870665e62a9.jpg" width="40" height="40"/>
								<input type="hidden" name="id" value="6141440164"/>
							</a>
						</li>
					</ul>
				</div>
				<h3>白菜守望的活动</h3>
				<div id="followers">
					<ul class="follower_list cf">
						<li class="follower fl" title="卓远然">
							<a href="">
								<img src="./skin/profile_files/d29b322692eb441e92321870665e62a9.jpg" width="40" height="40">
								<input type="hidden" name="id" value="6141440164">
							</a>
						</li>
					</ul>
				</div>
				
				<h3>白菜守望的联系方式</h3>
				<ul class="contact" id="contact">
					<li>
						<a class="messagebox" href="">站内信</a>
					</li>
				</ul>
				<ul class="contact" id="contact">
					<li>
						<a class="messagebox" href="">602674664@qq.com</a>
					</li>
				</ul>
				<ul class="contact" id="contact">
					<li>
						<a class="messagebox" href="">福建农林大学</a>
					</li>
				</ul>
				<ul class="contact" id="contact">
					<li>
						<a class="messagebox" href="">福建福州</a>
					</li>
				</ul>
				<!-- <div style="border: 1px solid #000; height: 300px;width: 200px;"></div> -->
			</div>
			<!-- end side_content -->
			<a href="" id="anonymous-login" style="display: none;"></a>
		</div>
		<!-- end content -->

		<jsp:include page="/footer.jsp"></jsp:include>
		<!-- end #footer -->

	</body>
</html>